<template>
  <el-row @update:modelValue="updateModelValue" justify="center">
    <el-row style="width: 100%;">
      <el-row style="margin-left: auto;margin-right: auto;margin-top: 30px;">
        <el-alert title="请认真填写所需要信息，这些信息将是打印就业推荐表和档案邮寄的重要依据！" type="warning"
                  :center="true"
                  :closable="false" show-icon/>
      </el-row>
    </el-row>
    <el-row style="margin-top: 40px;margin-bottom: 40px;">
      <el-button type="primary" @click="goNext">知道了，开始下一步</el-button>
    </el-row>
  </el-row>
</template>

<script setup>
import {ref} from 'vue';

const emit = defineEmits(['done', 'update:modelValue']);
import {Plus, Delete, Upload, Download} from '@element-plus/icons-vue';
import {ElMessageBox} from 'element-plus/es';
import {EleMessage} from 'ele-admin-plus/es';

const props = defineProps({
  /** 弹窗是否打开 */
  modelValue: Number,
});


const index = ref(props.modelValue);

const goNext = () => {
  index.value = index.value + 1;
  updateModelValue(index.value);//index的值
  emit("done", index.value);
};


/** 更新modelValue */
const updateModelValue = (value) => {
  emit('update:modelValue', value);
};

</script>


